.main {
    width: 100%;
    height: 100%;
    background: rgb(8, 17, 32);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    .title {
        height: 10%;
        width: 98%;
        text-align: center;
        font-size: 2vw;
        font-weight: 900;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .content {
        height: 80%;
        width: 95%;
        background: white;
        border-radius: 1vh;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;

        .contentMain {
            height: 75%;
            width: 80%;
            // background: pink;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            font-size: 1vw;
            font-weight: 700;
            .each {
                // background: yellowgreen;
                width: 60%;
                height: 30%;
                display: flex;
                justify-content: space-around;
                .leftContent {
                    width: 45%;
                    text-align: left;
                    // background: red;
                    display: flex;
                    align-items: center;
                    input{
                        margin-right: 1vw;
                        zoom: 1.2;
                    }
                }

                .rightContent {
                    // background: blueviolet;
                    display: flex;
                    align-items: center;

                    input {
                        margin-right: 1vw;
                        width: 60%;
                        height:20% ;
                        background: rgb(220,220,220);
                        border: 0ch;
                        border-radius: 0.3vh;
                        padding: 0 1vw;
                        cursor: pointer;
                        // width: 60%;

                    }

                    button {
                        background: rgb(71, 130, 186);
                        width: 40%;
                        height: 20%;
                        color: white;
                        border: 0ch;
                        border-radius: 0.2vh;
                        font-size: 1vw;
                        cursor: pointer;
                        font-weight: 600;
                    }
                }

                span {
                    // margin-right: 3vw;
                }




            }
        }

        .buttons {
            height: 10%;
            width: 95%;
            // background: yellow;
            display: flex;
            // align-items: flex-end;
            justify-content: flex-end;



            button {
                background: rgb(71, 130, 186);
                width: 8vw;
                height: 5vh;
                color: white;
                border: 0ch;
                border-radius: 0.5vh;
                cursor: pointer;
                font-size: 1vw;
                font-weight: 700;
            }
        }
    }
}